<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width,initial-scale=1.0"/>
		<title>注册</title>
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<link rel="stylesheet" href="css/reset.css" />
		<link rel="stylesheet" href="css/public.css" />
		<link rel="stylesheet" type="text/css" href="css/login.css"/>
	</head>
	<body>
		<header class="header-top">
			<div class="container">
				<div class="row">
					<div class="col-xs-12 col-sm-9 header-nav">
						<div class="header-logo center-block">
							<a href="index.html"><img src="img/public-img/logo.png"/></a>
						</div>
						<div class="header-links">
							<ul class="link center-block">
								<li class="loginSelect"><a href="login.html">登录</a></li>
								<li>|</li>
								<li class="regSelect"><a href="reg.html">注册</a></li>
								<li>|</li>
								<li class="myShopCart">
									<a href="#">我的购物车<b>( 0 )</b></a>
									<ul class="shopCartList">
										<li><a href="#">您的购物车为空</a></li>
									</ul>
								</li>
								<li class="hidden-xs">|</li>
								<li class="hidden-xs language">
									<a href="order.html">订单中心</a>
								</li>
							</ul>
						</div>
					</div>
					<div class="col-xs-12 col-sm-3" id="header-search">
						<input type="text"placeholder="请输入你想要的商品"/>
						<span class="glyphicon glyphicon-search search-btn"></span>
					</div> 	
				</div>
			</div>
		</header>
		<nav class="nav-list navbar navbar-inverse">
			<div class="container-fluid">
					<div class="navbar-header">
			          <button type="button" class="navbar-toggle collapsed center-block" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
			            <span class="icon-bar"></span>
			            <span class="icon-bar"></span>
			            <span class="icon-bar"></span>
			          </button>
			        </div>
					<div id="navbar" class="collapse navbar-collapse">
						<ul class="nav navbar-nav shopListAll center-block">
						</ul>
					</div>
			</div>
		</nav>
		<section>
			<div class="container">
				<div class="row">
					<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
						<h1 class="login-txt">
							创建一个账户
						</h1>
					</div>
				</div>
				<div class="row">
					<div class="col-lg-6 new-users col-md-6 col-sm-6 col-xs-12">
						<div class="login-content reg-content-left">
							<h2>注册客户</h2>
							<p>
								<font>
									如果您有我们的账户，请登录。
								</font>
							</p>
						</div>
						<div class="login-foot-btn login-bu">
							<a href="login.html">登录</a>
						</div>
					</div>
					<div class="col-lg-6 registered-users col-md-6 col-sm-6 col-xs-12">
						<div class="login-content">
							<h2>新客户</h2>
							<p>
								<font>
									通过在我们的商店创建一个帐户，将更方便您的使用。
								</font>
							</p>
							<form class="form-signin">
								<div class="login-user">
									<p class="textwarp"><i>用户名:<em>*</em></i><input type="text" id="inputUsername" class="form-control" placeholder="请输入用户名" required autofocus></input></p>
									<p class="textRemind">请填写4-20位的英文数字下划线</p>
							        <p class="login-name-success">
							        	用户名正确！
							        </p>
							        <p class="login-name-had">
							        	用户名已存在，请重新输入！
							        </p>
							        <p class="login-name-error">
							        	用户名输入错误，请重新输入！
							        </p>
								</div>
						        <div class="login-psw">
						        	<p class="textwarp"><i>密码:<em>*</em></i><input type="password" id="inputPassword" class="form-control" placeholder="请输入密码" required autofocus></input></p>
							        
							        <p class="textRemind">建议使用字母、数字和符号两种及以上的组合，6-20个字符</p>
							        <!--<label>
							        	密码:
							        	<em>
							        		*
							        	</em>
							        </label>
							        <input type="password" id="inputPassword" class="form-control" placeholder="请输入以字母开头，有字母，数字或下划线组成的6-20位密码" required>-->
							        <p class="login-pass-success">
							        	密码输入正确！
							        </p>
							        <p class="login-pass-error">
							        	密码输入错误，请重新输入！
							        </p>
						        </div>
						        
						        
						        <div class="login-repsw">
						        	<p class="textwarp"><i>重复密码:<em>*</em></i><input type="password" id="inputRePassword" class="form-control" placeholder="请重复密码" required autofocus></input></p>
						        	<p class="textRemind">重复上边密码</p>
						        	<!--<label>
							        	确认密码:
							        	<em>
							        		*
							        	</em>
							        </label>
							        <input type="password" id="inputRePassword" class="form-control" placeholder="请确认输入密码" required>-->
							        <p class="login-repass-success">
							        	密码输入正确！
							        </p>
							        <p class="login-repass-error">
							        	密码输入错误，请重新输入！
							        </p>
						        </div>
						        
						        <span class="login-con">*为必填字段</span>
						        
						    </form>
						</div>
						
						<div class="login-foot-btn login-lo" id="register">
							<a >提交</a>
						</div>
					</div>
					
				</div>
			</div>
		</section>
		<div class="login-success"></div>
		
		
		
		
		
		<div class="ad hidden-xs">
			<img src="img/public-img/ad-img.png"/>
		</div>
		<footer>
			<div class="container">
				<div class="row">
					<div class="col-md-3 col-sm-6 col-xs-12 ">
						<ul class="footer-company center-block">
							<h2>公司资料</h2>
							<li><span class="glyphicon glyphicon-menu-right"></span><a href="">关于我们</a></li>
							<li><span class="glyphicon glyphicon-menu-right"></span><a href="">招聘</a></li>
							<li><span class="glyphicon glyphicon-menu-right"></span><a href="">投资者</a></li>
							<li><span class="glyphicon glyphicon-menu-right"></span><a href="">使用条款</a></li>
							<li><span class="glyphicon glyphicon-menu-right"></span><a href="">隐私政策</a></li>
							<li><span class="glyphicon glyphicon-menu-right"></span><a href="">联系我们</a></li>
						</ul>
					</div>
					<div class="col-md-3 col-sm-6 col-xs-12 ">
						<ul class="myAccount center-block">
							<h2>我的账户</h2>
							<li><span class="glyphicon glyphicon-menu-right"></span><a href="">订单状态/跟踪</a></li>
							<li><span class="glyphicon glyphicon-menu-right"></span><a href="">通过电子邮件发送您的订单</a></li>
							<li><span class="glyphicon glyphicon-menu-right"></span><a href="">退货和换货</a></li>
							<li><span class="glyphicon glyphicon-menu-right"></span><a href="">电子礼品卡</a></li>
							<li><span class="glyphicon glyphicon-menu-right"></span><a href="">公司礼品卡</a></li>
							<li><span class="glyphicon glyphicon-menu-right"></span><a href="">检查余额</a></li>
						</ul>
					</div>
					<div class="col-md-4 hidden-sm hidden-xs">
						<div class="communication center-block">
							<h2>通讯</h2>
							<p>订阅XXX邮件列表，接收新来港定居人士，优惠及其他折扣信息的更新。</p>
							<input type="text"id="commInput" placeholder="查询你想知道的信息"/>
							<input type="button"id="commBtn" value="订阅" />
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-lg-12">
						<span class="center-block footerCopy">Copyright © PlazaThemes. All Rights Reserved.</span>
					</div>
				</div>
			</div>
		</footer>
		<div class="returnTop hidden-xs">
			<span class="glyphicon glyphicon-triangle-top"></span>
		</div>
		<script type="text/javascript" src="js/jquery-1.12.3.min.js" ></script>
		<script src="js/bootstrap.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="js/public.js" ></script>
		<script src="js/reg.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
